<!-- created:2022/12/30 19:57 By AdinZ -->
<template>
  <el-descriptions :column="2" border>

    <el-descriptions-item label-class-name="description-label" label="限购张数">
      {{ data.limitNum }}
    </el-descriptions-item>
    <el-descriptions-item label-class-name="description-label" label="次卡标题">
      {{ data.title }}
    </el-descriptions-item>
    <el-descriptions-item label-class-name="description-label" label="次数">
      {{ data.number }}
    </el-descriptions-item>
    <el-descriptions-item label-class-name="description-label" label="售卖价格">
      {{ data.price }}
    </el-descriptions-item>
    <el-descriptions-item label-class-name="description-label" label="库存">
      {{ data.stockNum }}
    </el-descriptions-item>
    <el-descriptions-item label-class-name="description-label" label="背景色">
      <div style="width: 50px;height: 50px;border-radius: 5px " :style="{'background-color':data.color}"></div>
    </el-descriptions-item>


  </el-descriptions>
</template>

<script>
export default {
  name: "ExpandCard",
  props: {
    data: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
  data() {
    return {}
  },
  created() {
  },
  methods: {}
}
</script>

<style scoped lang="scss">
.ExpandSpike {

}
</style>
